$(function(){
    if($("#bannerImg").length > 0 ){
        var oUl = document.getElementById('bannerImg');
        var aLi = oUl.getElementsByTagName('li');
        var baseWidth = aLi[0].offsetWidth;		//一个li的宽度
        //克隆第一个
        var oImgList = aLi[0].cloneNode(true);
        oUl.appendChild(oImgList);
        oUl.style.width = baseWidth * aLi.length + 'px';
        var iNow = 0;
        var img_t=null;

        ftime();
        function ftime(){
            img_t=setInterval(function(){
                iNow++;
                moveImg(iNow);
                moveIcon(iNow);
            },4000)
        }

        $('#slide').hover(function(){
            //移上去停止
            clearInterval(img_t);
            $('#slideArrow').find('.slidesPrev').show();
            $('#slideArrow').find('.slidesNext').show();
        },function(){
            //移出去运动
            ftime();
            $('#slideArrow').find('.slidesPrev').hide();
            $('#slideArrow').find('.slidesNext').hide();
        });
        //向左边拉
        $('#slideArrow').find('.slidesPrev').click(function(){
            iNow--;
            moveImg(iNow);
            moveIcon(iNow);
        });
        //向右边拉
        $('#slideArrow').find('.slidesNext').click(function(){
            iNow++;
            moveImg(iNow);
            moveIcon(iNow);
        });

        //点击小图标事件
        $("#bannerflex").find('li a').each(function(index){
            $(this).click(function(){
                moveImg(index);
                moveIcon(index);
                iNow=index;
            });
        });

        //移动小图标
        function moveIcon(index){
            if(index >= aLi.length-1) index = 0;
            $("#bannerflex").find('li a').removeClass('flexactive').eq(index).addClass('flexactive');
        }
        function moveImg(index){
            //拉到第一个
            //运动到第二
            if(index > aLi.length-1){
                oUl.style.left = 0 + 'px';
                index = 1;
                iNow=index;
            }
            //拉到最后一个
            //运动到倒数第二
            if(index < 0){
                oUl.style.left = -(aLi.length-1)*baseWidth + 'px';
                index =  aLi.length - 2;
                iNow=index;
            }
            //运动轨迹
            buffer(oUl,{
                left:- index * baseWidth
            },8);
        }
        //小图片移动切换事件
        $('#smallslide').find("li").each(function(index){
            //@parm // $(this) 当前对象是什么
            //@parm // 200  几秒的滑动效果
            movement($(this),200);
        })
    }
});

